<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
	<title>教练信息完善</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8">
	<meta name="keywords" content="" />

	<script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
	<link href="css/style.css" rel='stylesheet' type='text/css' />
	<link href="css/contact.css" rel='stylesheet' type='text/css' />
	<link href="css/font-awesome.css" rel="stylesheet">
	<link rel="stylesheet" href="css/team.css" type="text/css" media="all" />
	<link href="css/about.css" rel='stylesheet' type='text/css' />
	<link href="http://fonts.googleapis.com/css?family=Merriweather+Sans:300,300i,400,400i,700,700i,800" rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Mallanna" rel="stylesheet">
	<style type="text/css">
		#map{
			float: right;
		}
	</style>
</head>

<body>


	<!--/short-->
	<div class="services-breadcrumb">
		<div class="inner_breadcrumb">

			<ul class="short">
				<li>
					<a href="#" >信息完善</a>
					<span>|</span>
				</li>
				<li><a href="#" style="color:#080808;" onclick="zhuye()">我的主页</a></li>
			</ul>
		</div>
	</div>
	<!--信息完善栏-->
	<div class="banner_bottom">
		<div class="container">
			<div class="mail_form">
				<h3 class="header_w3layouts_agile">信息完善</h3>
				<div class="row">
				<div class="inner_sec_w3_agileinfo col-sm-3" >
					<button onclick="test()">地址转换</button>
					<form action="/addcoachmessage" method="post" enctype="multipart/form-data">
						<span class="input input--chisato">
							<input class="input__field input__field--chisato" name="uAddress" type="text" id="stuaddress" placeholder="地址" required="" />
						</span><br />
						<span class="input input--chisato">
							<input class="input__field input__field--chisato" name="uX" type="text" id="stuxaddress" placeholder="经度" required="" />
						</span><br />
						<span class="input input--chisato">
							<input class="input__field input__field--chisato" name="uY" type="text" id="stuyaddress" placeholder="纬度" required="" />
						</span><br />
						<span class="input input--chisato">
							<input class="input__field input__field--chisato" name="uName" type="text" id="input-13" placeholder="昵称" required="" />
						</span><br />
						<span class="input input--chisato">
							<input class="input__field input__field--chisato" name="cRealname" type="text" id="input-15" placeholder="姓名" required="" />
						</span><br />
						<span class="input input--chisato">
							<input class="input__field input__field--chisato" name="cAge" type="text" id="input-15" placeholder="年龄" required="" />
						</span><br />
						<span class="input input--chisato">
							<input class="input__field input__field--chisato" name="cGender" type="text" id="input-15" placeholder="性别" required="" />
						</span><br />
						<span class="input input--chisato">
							<input class="input__field input__field--chisato" name="cSchool" type="text" id="input-15" placeholder="流派" required="" />	
						<!--两个span撑地方-->
						<br />
							<span>头像 ：</span>
							<input type="file" id="inputfile" value="上传头像" name="ImgName">
							<label class="input__label input__label--chisato" for="input-15">
								<span class="input__label-content input__label-content--chisato" data-content="Subject"></span>
							</label>
						</span>
						<input type="submit" value="提交信息">
					</form>
					</div>
					<div id="map" class="col-sm-9">
								<iframe  id="iframe" name="iframe" src="Map_info.html" style="width: 100%;height: 500px;" frameborder="0" ></iframe>
					</div>
					</div>
				</div>
				
			</div>
			<div class="clearfix"> </div>

		</div>
	</div>
	<!--//contact-->

	<!--/footer-->
	<footer class="contact-footer">

		<div class="bottom-social">
			<div class="container">
				<div class="col-md-8 botttom-nav-w3ls-agile">
					<ul class="f_links col-md-4" data-aos="zoom-in">
						<li>
							<a href="index.html">主页</a>
						</li>
						<li>
							<a href="about.html">寻找教练</a>
						</li>
						<li>
							<a href="services.html">附近学员</a>
						</li>
						<li>
							<a href="gallery.html">瑜伽展示</a>
						</li>
						<li>
							<a href="contact.html">联系我们</a>
						</li>
					</ul>
					<ul class="f_links col-md-4" data-aos="zoom-in">
						<li>
							<a href="index.html">话题</a>
						</li>
						<li>
							<a href="404.html">博客</a>
						</li>
						<li>
							<a href="404.html">特色</a>
						</li>
						<li>
							<a href="services.html">服务</a>
						</li>

					</ul>
					<ul class="f_links thrd col-md-4" data-aos="zoom-in">
						<li>
							<a href="index.html">话题</a>
						</li>
						<li>
							<a href="404.html">报错</a>
						</li>
						<li>
							<a href="app.html">手机 App</a>
						</li>


					</ul>
					<div class="clearfix"></div>
				</div>
				<div class="col-md-4 social-icons" data-aos="zoom-in">
					<h6>联系我们</h6>
					<a class="phone" href="#">
						<span class="fa fa-phone"></span>
					</a>
					<a class="qq" href="#">
						<span class="fa fa-qq"></span>
					</a>
					<a class="weibo" href="#">
						<span class="fa fa-weibo"></span>
					</a>
					<a class="wechat" href="#">
						<span class="fa fa-wechat"></span>
					</a>
				</div>
				<div class="clearfix"></div>

			</div>
		</div>
		<div class="copy">
			<h2 class="footer-logo">
				<a href="index.html">Woniu
					<span>woniu yoga platform</span>
				</a>
			</h2>
			<p>Copyright &copy; 2018.Company name All rights reserved.<a target="_blank" href="#">蜗牛学院</a></p>
			<div class="clearfix"></div>
		</div>
	</footer>
	<!--/footer -->

	<!--/footer -->
	<!-- js -->
	<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
	<!-- //js -->
	<!-- password-script -->
	<script type="text/javascript">
		window.onload = function () { 
			}

		function validatePassword() {
			var pass2 = document.getElementById("password2").value;
			var pass1 = document.getElementById("password1").value;
			if (pass1 != pass2)
				document.getElementById("password2").setCustomValidity("Passwords Don't Match");
			else
				document.getElementById("password2").setCustomValidity('');
			//empty string means no validation error
		}
	</script>
	<!-- //password-script -->
	<!-- /js files -->
	<link href='css/aos.css' rel='stylesheet prefetch' type="text/css" media="all" />
	<link href='css/aos-animation.css' rel='stylesheet prefetch' type="text/css" media="all" />
	<script src='js/aos.js'></script>
	<script src="js/aosindex.js"></script>
	<!-- //js files -->
	<!--search-bar-->
	<script src="js/main.js"></script>
	<!--//search-bar-->
	<!-- start-smoth-scrolling -->
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function ($) {
			$(".scroll").click(function (event) {
				event.preventDefault();
				$('html,body').animate({
					scrollTop: $(this.hash).offset().top
				}, 900);
			});
		});
	</script>
	<!-- start-smoth-scrolling -->
	<script type="text/javascript">
		$(document).ready(function () {
			/*
									var defaults = {
							  			containerID: 'toTop', // fading element id
										containerHoverID: 'toTopHover', // fading element hover id
										scrollSpeed: 1200,
										easingType: 'linear' 
							 		};
									*/

			$().UItoTop({
				easingType: 'easeOutQuart'
			});

		});
	</script>
	<a href="#" id="toTop" style="display: block;">
		<span id="toTopHover" style="opacity: 1;"> </span>
	</a>
	<script type="text/javascript" src="js/bootstrap.js"></script>
	<script type="text/javascript">
			function test(){
				//获取坐标的X轴
				var x = document.getElementById("iframe").contentWindow.x;
				var y = document.getElementById("iframe").contentWindow.y;
				var address = document.getElementById("iframe").contentWindow.addr;//window.frames["iframe"].document.getElementById("suggestId").value()
				alert(address);
				$("#stuaddress").val(address);
				$("#stuxaddress").val(x);
				$("#stuyaddress").val(y);
			}
			
			
			function zhuye() {
				window.location.href ="/coach";
			}
		
		
			
	</script>
    
</body>

</html>